<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
		+ request.getServerName() + ":" + request.getServerPort()
		+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%
	if(session.getAttribute("loginAdmin")!=null){
		response.sendRedirect("index.jsp");
	}
%>



<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">

    <title>凯旋科技有限公司</title>
    <link rel="icon" href="loginSpecial/images/favicon.ico" type="image/x-icon"/>
    <link href="loginSpecial/css/default.css" rel="stylesheet" type="text/css" />
    <!--必要样式-->
    <link href="loginSpecial/css/styles.css" rel="stylesheet" type="text/css" />
    <link href="loginSpecial/css/demo.css" rel="stylesheet" type="text/css" />
    <link href="loginSpecial/css/loaders.css" rel="stylesheet" type="text/css" />
    <script src="loginSpecial/js/jquery-2.1.1.min.js"></script>

</head>
<body>
<div class='login'>

    <!--<img class="MyLogo" src="loginSpecial/images/logo01.png" alt="   LOGO">-->
    <div class='login_title'>
        <span>管理员登录</span>
    </div>
    <div class='login_fields'>
        <div class='login_fields__user'>
            <div class='icon'>

                <img alt="" src='loginSpecial/img/user_icon_copy.png'>
            </div>
            <input name="login" placeholder='用户名' maxlength="16" class="username" type='text' autocomplete="off" value="root"/>
            <div class='validation'>
                <img alt="" src='loginSpecial/img/tick.png'>
            </div>
        </div>
        <div class='login_fields__password'>
            <div class='icon'>
                <img alt="" src='loginSpecial/img/lock_icon_copy.png'>
            </div>
            <input name="pwd" class="passwordNumder" placeholder='密码' maxlength="16" type='text' autocomplete="off">
            <div class='validation'>
                <img alt="" src='loginSpecial/img/tick.png'>
            </div>
        </div>
        <div class='login_fields__password'>
            <div class='icon'>
                <img alt="" src='loginSpecial/img/key.png'>
            </div>
            <input name="code" placeholder='验证码' maxlength="4"  class="ValidateNum" type='text' name="ValidateNum" autocomplete="off">
            <div class='validation' style="opacity: 1; right: -5px;top: -3px;">
                <canvas class="J_codeimg" id="myCanvas" onclick="Code();">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
            </div>
        </div>
        <div class='login_fields__submit'>
            <input type='button' value='登录'>
        </div>
    </div>
    <div class='success'>
    </div>
    <div class='disclaimer'>
        <a href="../index.jsp" style="color:#2fa0ec">前端</a>
    </div>
</div>
<div class='authent'>
    <div class="loader" style="height: 60px;width: 60px;margin-left: 28px;margin-top: 40px">
        <div class="loader-inner ball-clip-rotate-multiple">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <p>认证中...</p>
</div>
<div class="OverWindows"></div>
<link href="loginSpecial/layui/css/layui.css" rel="stylesheet" type="text/css" />
<!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
<script type="text/javascript" src="loginSpecial/js/jquery-ui.min.js"></script>
<script type="text/javascript" src='loginSpecial/js/stopExecutionOnTimeout.js?t=1'></script>
<script src="loginSpecial/layui/layui.js" type="text/javascript"></script>
<script src="loginSpecial/js/Particleground.js" type="text/javascript"></script>
<script src="loginSpecial/js/Treatment.js" type="text/javascript"></script>
<script src="loginSpecial/js/jquery.mockjax.js" type="text/javascript"></script>

<script>
	//\lkj20180323
	var canGetCookie = 1;//是否支持存储Cookie 0 不支持 1 支持
	var ajaxmockjax = 1;//是否启用虚拟Ajax的请求响 0 不启用  1 启用
	//默认账号密码
	//
	//var truelogin = "admin";
	//var truepwd = "admin123";
	
	var CodeVal = 0;
	Code();
	function Code() {
	    if(canGetCookie == 1){
	        createCode("AdminCode");
	        var AdminCode = getCookieValue("AdminCode");
	        showCheck(AdminCode);
	    }else{
	        showCheck(createCode(""));
	    }
	}
	function showCheck(a) {
	    CodeVal = a;
	    var c = document.getElementById("myCanvas");
	    var ctx = c.getContext("2d");
	    ctx.clearRect(0, 0, 1000, 1000);
	    ctx.font = "80px 'Hiragino Sans GB'";
	    ctx.fillStyle = "#E8DFE8";
	    ctx.fillText(a, 0, 100);
	}
	$(document).keypress(function (e) {
	    // 回车键事件
	    if (e.which == 13) {
	        $('input[type="button"]').click();
	    }
	});
	//粒子背景特效
	$('body').particleground({
	    dotColor: '#E8DFE8',
	    lineColor: '#1b3273'
	});
	$('input[name="pwd"]').focus(function () {
	    $(this).attr('type', 'password');
	});
	$('input[type="text"]').focus(function () {
	    $(this).prev().animate({ 'opacity': '1' }, 200);
	});
	$('input[type="text"],input[type="password"]').blur(function () {
	    $(this).prev().animate({ 'opacity': '.5' }, 200);
	});
	$('input[name="login"],input[name="pwd"]').keyup(function () {
	    var Len = $(this).val().length;
	    if (!$(this).val() == '' && Len >= 5) {
	        $(this).next().animate({
	            'opacity': '1',
	            'right': '30'
	        }, 200);
	    } else {
	        $(this).next().animate({
	            'opacity': '0',
	            'right': '20'
	        }, 200);
	    }
	});
	var open = 0;
	layui.use('layer', function () {
	    //提示默认密码
					//			var msgalert = '默认账号:' + truelogin + '<br/> 默认密码:' + truepwd;
					//   		var index = layer.alert(msgalert, { icon: 6, time: 4000, offset: 't', closeBtn: 0, title: '友情提示', btn: [], anim: 2, shade: 0 });
					//			layer.style(index, {
					//				color: '#777'
					//			});
	    //     第一次弹出框
	    //非空验证
	    $('input[type="button"]').click(function () {
	        var login = $('.username').val();
	        var pwd = $('.passwordNumder').val();
	        var code = $('.ValidateNum').val();
	        if (login == '') {
	            ErroAlert('请输入您的账号');
	            return false;
	        } else if (pwd == '') {
	
	            ErroAlert('请输入密码');
	            return false;
	        } else if (code == '' || code.length != 4) {
	            ErroAlert('输入验证码');
	            return false;
	
	        } else {
	            //认证中..
	           // fullscreen();
	            $('.login').addClass('test'); //倾斜特效
	            setTimeout(function () {
	                $('.login').addClass('testtwo'); //平移特效
	            }, 300);
	            setTimeout(function () {
	                $('.authent').show().animate({ right: -320 }, {
	                    easing: 'easeOutQuint',
	                    //持续时间
	                    duration: 600,
	                    queue: false
	                });
	                $('.authent').animate({ opacity: 1 }, {
	                    duration: 200,
	                    queue: false
	                }).addClass('visible');
	            }, 500);
	
	            //登陆
	         		  var JsonData = { login: login, pwd: pwd, code: code };
	            //此处做为ajax内部判断
	            var url = "Ajax/LoginFalse";
	            if(code.toUpperCase() == CodeVal.toUpperCase()){
	            	$.ajax(
	            	{ 
		            	url: "user/login",
		            	data:{"opr":"login","name":login,"pwd":pwd}, 
		            	success: function(d){
		        	       	if(d.result=='success'){
		        	    
		        	       		url = "Ajax/Login";
		        	       	}else{
								url = "Ajax/LoginFalse";
		        	       	}
		        	       	AjaxPost(url, JsonData,
		        	                function () {
				        	       		setTimeout(function () {
			    	                    	location.href='web/index.jsp';
			    	                    }, 3500);
		        	                    //ajax加载中
		        	                },
		        	                function (data) {
		        	                    //ajax返回
		        	                    //认证完成
		        	                    setTimeout(function () {
		        	                        console.log(data)
		        	                        $('.authent').show().animate({ right: 90 }, {
		        	                            easing: 'easeOutQuint',
		        	                            duration: 600,
		        	                            queue: false
		        	                        });
		        	                        $('.authent').animate({ opacity: 0 }, {
		        	                            duration: 200,
		        	                            queue: false
		        	                        }).addClass('visible');
		        	                        $('.login').removeClass('testtwo'); //平移特效
		        	                    }, 2000);
		        	                    setTimeout(function () {
		        	                        console.log(data)
		        	                        $('.authent').hide();
		        	                        $('.login').removeClass('test');
		        	                        if (data.Status == 'ok') {
		        	
		        	                            //登录成功
		        	                            $('.login div').fadeOut(100);
		        	                            $('.success').fadeIn(1000);
		        	                            $('.success').html(data.Text);
		        	                            // window.location.href="paye_319/indexNav.html";
		        	                            // //跳转操作
		        	
		        	                        } else {
		        	                            AjaxErro(data);
		        	                        }
		        	                    }, 2400);
		        	                    
		        	                    
	        	                })
		        	       	
	        	      }});
	            
	            }else{
	            	url = "Ajax/LoginFalse";
	            	
	            	AjaxPost(url, JsonData,
    	                function () {
    	                    //ajax加载中
    	                },
    	                function (data) {
    	                    //ajax返回
    	                    //认证完成
    	                    setTimeout(function () {
    	                        console.log(data)
    	                        $('.authent').show().animate({ right: 90 }, {
    	                            easing: 'easeOutQuint',
    	                            duration: 600,
    	                            queue: false
    	                        });
    	                        $('.authent').animate({ opacity: 0 }, {
    	                            duration: 200,
    	                            queue: false
    	                        }).addClass('visible');
    	                        $('.login').removeClass('testtwo'); //平移特效
    	                    }, 2000);
    	                    setTimeout(function () {
    	                        console.log(data)
    	                        $('.authent').hide();
    	                        $('.login').removeClass('test');
    	                        if (data.Status == 'ok') {
    	
    	                            //登录成功
    	                            $('.login div').fadeOut(100);
    	                            $('.success').fadeIn(1000);
    	                            $('.success').html(data.Text);
    	                            // window.location.href="paye_319/indexNav.html";
    	                            // //跳转操作
    	
    	                        } else {
    	                            AjaxErro(data);
    	                        }
    	                    }, 2400);
    	                })
	            	
	            }
	            
	            
	            
	
	            
	
	        }
	        return false;
	    })
	})
	var fullscreen = function () {
	    elem = document.body;
	    if (elem.webkitRequestFullScreen) {
	        elem.webkitRequestFullScreen();
	    } else if (elem.mozRequestFullScreen) {
	        elem.mozRequestFullScreen();
	    } else if (elem.requestFullScreen) {
	        elem.requestFullscreen();
	    } else {
	        //浏览器不支持全屏API或已被禁用
	    }
	}
	if(ajaxmockjax == 1){
	    $.mockjax({
	        url: 'Ajax/Login',
	        status: 200,
	        responseTime: 50,
	        responseText: {"Status":"ok","Text":"登陆成功<br /><br />欢迎回来！！"}
	    });
	    $.mockjax({
	        url: 'Ajax/LoginFalse',
	        status: 200,
	        responseTime: 50,
	        responseText: {"Status":"Erro","Erro":"账号名或密码或验证码有误"}
	    });
	}

</script>
</body>
</html>